<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${str}</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/amazeui.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/amazeui.min.js" ></script>
		<script type="text/javascript" src="js/aui/aui-dialog.js" ></script>
		<style type="text/css">
			.data-am-selected{
				width:350px;
				background: white;
				/*margin-left: 15px;*/
			}

			.class_outer {
				display: block;
				/*width: 100%;*/
				max-height: 276px;
				margin: 10px 2px;
				/*position: relative;*/
				overflow: hidden;
				border-radius:5px;
				margin-bottom: -40px;
			}

			.class_cover {
				width: 100%;
				height: 50px;
				line-height: 50px;
				padding-left: 5px;
				background-color: rgba(0, 0, 0, .50);
				color: #FFFFFF;
				font-size: 26px;
				position: absolute;
				left: 0px;
				bottom: 0px;
			}

/*文字滚动*/

			.wenzi {
			height: 40px;
			background-color: rgba(0, 0, 0, .50);
			/*background-color: rgb(31, 99, 131);*/
			line-height: 40px;
			/*font-size: 20px;*/
			color: white;
			}
			.am-dropdown{
				position: absolute;
			    top: 10px;
			    right: 20px;
			    color: darkred;
			}
			.am-selected-btn{
				width: 80px;
    			font-size: 10px;
    			border: 0;
			}
			.hrLine{
				vertical-align:middle;
				display:inline-block;
				margin: 0 5px 0.2rem 5px;
				width: 20%;
				border-top: 2px solid #eee;
			}
			.vname{
				width: 100%;
				text-align: center;
				margin: 20px 0 0 0;
				color: #9E9E9E;
			}
		</style>

	</head>
	<body>
	  <header data-am-widget="header" class="am-header am-header-default header">
		  <div class="am-header-left am-header-nav">
		     <a href="index" class="">
		       <i class="am-header-icon am-icon-angle-left"></i>
		     </a>
		  </div>
		  <h1 class="am-header-title"> <a href="#title-link" class="" style="color: #333; ">${str}</a></h1>
		  <div class="am-header-right am-header-nav">
		     <a href="#right-link" class=""> </a>
		  </div>
	  </header>
	  <div id="selectSch"  style="margin: 0 auto;display: block;background-image: url(images/bgc3.jpg);text-align: center;">
	  	<select data-am-selected id="more" onchange="hope()">
			#for(sch : cSchoolList)
		  <option value="${sch.sId}" ${sId==sch.sId?'selected':''}>${sch.sName}</option>
			#end
		</select>
	  </div>#include('header.html')
	  #for(view : cViewList)
	  	<div class="vname">
		     <hr class="hrLine"/>${view.vName}<hr class="hrLine"/>
		</div>
	  	<a href="detail?vId=${view.vId}" class="class_outer">
			<img src="images/picture/${view.vEat}" width="550px" height="276px" border="0" />
		</a>
	  	<a href="detail?vId=${view.vId}">
			<marquee class="wenzi">${view.vName} —— ${view.vDescribe}</marquee>
		</a>
	  #end

	</body>

	<script type="text/javascript">
		function hope(){
			var dialog = new auiDialog({})
        	var obj=document.getElementById("more");
        	var dancer=obj.options[obj.selectedIndex].value;
        	var dancer2=obj.value;
        	$('ul.am-selected-list').find('li').click(function(){
        		location.href="/view?sId="+$(this).attr("data-value")+"&num=${num}";
        	});
        	// alert(dancer2);

            // var str=document.getElementById("uemail").value;
            // var reg=/^([a-zA-Z0-9]+[-_.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[-_.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,6}$/;
            if(dancer=='o'){
                dialog.alert({
                        // title:"用户名",
                        msg:'敬请期待！',
                        buttons:['确定']
                    },function(ret){
                        console.log(ret)
                    });
                return false;
            }
            }
	</script>

</html>
